import React from 'react';
import { View, StyleSheet, Dimensions } from 'react-native';
import { px2dp } from 'bee/utils/px2dp';
import { colors } from 'bee/themes';

const { width } = Dimensions.get('window');

// 短分割线
const CuttingLine = () => <View style={styles.cuttingLine} />;

const styles = StyleSheet.create({
  cuttingLine: {
    height: StyleSheet.hairlineWidth,
    backgroundColor: colors['1104'],
    width: px2dp(657),
  },
  longCuttingLine: {
    height: StyleSheet.hairlineWidth,
    backgroundColor: colors['1104'],
    width,
  },
});

const LongCuttingLine = () => <View style={styles.longCuttingLine} />;

export { CuttingLine, LongCuttingLine };
